<template>
  <a-config-provider :locale="zh_CN">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

<script>
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';

moment.locale('zh-cn');
export default {
  name: 'App',
  data() {
    return {
      zh_CN,
    };
  },
};
</script>

<style>
html,
body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  /*font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  font-size: 14px;
  color: #2c3e50;
  width: 100%;
  height: 100%;
}
.lay-content>div{
  margin: 10px;
  padding: 10px 16px;
  background: #fff;
  height:calc(100% - 70px);
  height:-moz-calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  box-sizing: border-box;
  /*width: 100%;*/
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;

}
.lay-content>div::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.ant-drawer-body {
  height: -webkit-calc(100% - 55px);
  /*padding-bottom: 50px!important;*/
  box-sizing: border-box;
  overflow-y: auto;
}
.ant-drawer-body::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.ant-layout {
  background: #f1f2f5!important;
}
.lay-drawer-form {
  margin-top: 0!important;
  margin-right: 0!important;
}
.ant-form-item {
  margin-bottom: 20px!important;
}
.ant-form-item-with-help {
  margin-bottom: 1px!important;
}
textarea.ant-input {
  resize: none;
}
form textarea.ant-input,.ant-transfer {
  margin-top: 4px!important;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: 0 0 -3px 0!important;
}
.searchButton {
  display: flex;
  align-items: center;
  padding: 0 0 0 0;
  margin-right: 0!important;
  height: 40px;
}
.searchButton .ant-btn {
  padding: 0 10px;
}
.searchButton .ant-btn:first-child{
  margin-right: 6px;
}
.searchForm .searchButton {
  margin-left: 8px;
  margin-top: -1px;
}
.tipMore.ant-tooltip {
  max-width: 300px!important;
}
.tipMore2.ant-tooltip {
  max-width: 400px!important;
}
.tipMore.ant-tooltip .ant-tooltip-inner,.tipMore.ant-tooltip .ant-tooltip-arrow::before,.tipMore2.ant-tooltip .ant-tooltip-inner,.tipMore2.ant-tooltip .ant-tooltip-arrow::before {
  background-color: #fff!important;
}
.ant-menu-dark .ant-menu-sub {
  background: #0c51ff!important;
  box-shadow: none!important;
}
.ant-btn-primary {
  background-color: #0092FC!important;
  border-color: #0092FC!important;
}
.ant-btn-primary:hover {
  opacity: .8;
}
.ant-btn-primary[disabled] {
  color: rgba(0, 0, 0, 0.25)!important;
  background-color: #f5f5f5!important;
  border-color: #d9d9d9!important;
}
.ant-switch-checked {
  background-color: #0092FC!important;
}
.ant-table a {
  color: #0092FC!important;
}
.ant-table a[disabled] {
  color: rgba(0, 0, 0, 0.25)!important;
}
.ant-modal-header {
  padding-top: 14px!important;
  padding-bottom: 14px!important;
  background: #f1f2f5;
}
/*.ant-drawer {*/
/*  z-index: 1040!important;*/
/*}*/
.ant-message{
  z-index: 1041!important;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-right: -12px!important;
}
.ant-drawer-header{
  padding: 12px 24px;
  background: #f1f2f5;
  border-radius: 0;
}
.ant-drawer-close {
  height: 47px;
  line-height: 47px;
}
.ant-tabs.tabs-h {
  height: 100%!important;
}
.ant-tabs.tabs-h .ant-tabs-content {
  height: calc(100% - 60px)!important;
}
.ant-tabs-nav {
  padding-left: 9px!important;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #0092FC;
  border-color: #0092FC;
}

.menu-left .ant-tree li .ant-tree-title,.equipLeftBox .ant-tree li .ant-tree-title{
  margin-right: 0!important;
}

/*筛选条件*/
.search-box {
  position: relative;
  display: flex;
  /*padding-bottom: 12px;*/
  margin-bottom: 10px;
  /*border-bottom: 1px solid #eee;*/
}
.searchForm {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.search-item {
  flex: 1;
}
.search-title,.search-title-more {
  font-size: 12px;
  color: #fff;
}
.search-title {
  height: 2px;
}
.searchForm .ant-form-item {
  margin-bottom: 0!important;
  margin-right: 0!important;
  padding-right:0!important;
}
.searchForm .ant-form-item .ant-form-item-label {
  width: 98px!important;
}
.searchForm .ant-form-item .ant-input,
.searchForm .ant-form-item .ant-select{
  width: 280px;
}

.expand {
  position: absolute;
  top: -20px;
  right: 0;
  color: #666;
  cursor: pointer;
  font-size: 12px;
}
.expand .anticon {
  margin-left: 3px;
}
.table-operation {
  position: relative;
  margin-bottom: 4px;
}
.table-operation .ant-btn {
  padding: 0 10px;
  height: 28px;
}

.table_tooltip.ant-tooltip {
  max-width: 600px!important;
}

.detail-container .lay-drawer-form input {
  width: 100%!important;
}
.monitor-item {
  min-width: 480px;
}
@media screen and (min-width: 1800px) and (max-width: 1919px){
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 265px;
  }
}
@media screen and (min-width: 1630px) and (max-width: 1680px){
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 220px;
  }
  .detail-container .lay-drawer-form .ant-form-item-control{
    width: 320px!important;
  }
  .monitor-item {
    min-width: 410px;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1629px){
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 205px;
  }
}
@media screen and (max-width: 1600px) {
  .searchForm .ant-form-item .ant-form-item-label {
    width: 90px!important;
  }
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select {
    width: 208px;
  }
  .monitor-item {
    min-width: 380px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1560px){
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 289px;
  }
}
@media screen and (max-width: 1440px) {
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 256px;
  }
  .monitor-item {
    min-width: 330px;
  }
}
@media screen and (max-width: 1400px) {
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 242px;
  }
}
@media screen and (max-width: 1366px) {
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select {
    width: 230px;
  }
  .searchForm .ant-form-item .ant-calendar-picker-input{
    padding-left: 9px;
    padding-right: 9px;
  }
  .monitor-item {
    min-width: 320px;
  }
}
@media screen and (max-width: 1340px){
  .searchForm .ant-form-item .ant-input,
  .searchForm .ant-form-item .ant-select{
    width: 218px;
  }
}
</style>
